$().ready( function () {


    // 鼠标滚屏
    ( function () {


        // 页面dom操作
        function dom (data) {


            // 获取当前的页的序号
            var DomNub = $('body').attr('name');
            // 如果向下
            if( data == 120 || data == -3){
                // 页号
                if(DomNub == '2'){
                    // 页面操作
                    $('.home-1').removeClass('home-1-on');
                    $('.home-2').removeClass('home-2-on');
                    // 顶部导航栏
                    $('.head').removeClass('head-off');
                    $('.head-menu').removeClass('head-menu-off');
                    $('.head-logo').removeClass('head-logo-off').html('<c>X</c><c>I</c><c>V</c><c>I</c><span>西魏网页设计工作室</span>');
                    //页号
                    $('body').attr('name', '1');
                }else
                if(DomNub == '3'){

                    $('body').attr('name', '2');
                    $('.home-2').removeClass('home-2-off');
                    $('.home-3').removeClass('home-3-on');
                }
            }else
            // 如果向上
            if( data == -120 || data == 3){
                if(DomNub == '1'){

                    $('.home-1').addClass('home-1-on');
                    $('.home-2').addClass('home-2-on');
                    $('.head').removeClass('head-on');
                    $('.head').addClass('head-off');
                    $('.head-menu').addClass('head-menu-off');
                    $('.head-logo').addClass('head-logo-off').html('XIVI Studio');
                    $('body').attr('name', '2');
                }else
                if(DomNub == '2'){

                    $('body').attr('name', '3');
                    $('.home-2').addClass('home-2-off');
                    $('.home-3').addClass('home-3-on');

                }else
                if(DomNub == '3'){

                }
            };

        };


        // 鼠标动作减缓
        function HNUB (event){
            // 获取临时存储数据
            // 对鼠标滚轮计数，数值越大灵敏度越低
            var nub = sessionStorage.homeNub;
            // 第一次
            if(nub == undefined || nub - '' == 0){
                sessionStorage.homeNub = 1;
            }else
            // 第三次
            if(nub - '' >= 6){
                sessionStorage.homeNub = 0;
                // 执行动画
                dom(event);
            }else{
                // 第二次
                sessionStorage.homeNub = sessionStorage.homeNub - '' + 1;
            };
        };


        // 监听
        function scrollFunc (e) {
            var direct = 0, e = e || window.event;
            if( e.wheelDelta ){
                HNUB(e.wheelDelta);
            }else
            if( e.detail ){
                HNUB(e.detail);
            };
        };


        window.onmousewheel = document.onmousewheel = scrollFunc;
        // 滚轮对象
        if( document.addEventListener ){
            document.addEventListener('DOMMouseScroll', scrollFunc, false);
        };


    })();




    // banner
    (function () {
        // 获取内部的banner图
        var banner = $('.banner-body').children('.banner-img');
        // 获取banner标识
        var banner_data = $('.banne-date-bunmr').find('i');
        // 获取banner信息
        var banner_text = $('.banner-date-text').children('p');

        // 给banner图绑定name排序
        $('.banner-body').attr('name', banner.length);
        for(var a = 0; a < banner.length; a ++){
            var b = a + 1;
            $(banner[a]).attr('name', b);
        };

        // 主体 定时执行
        window.setInterval( function () {
            // 获取被显示的banner
            var banner_on = $('.banner-body').children('.banner-on');
            // 获取被显示的banner图序号
            var name = banner_on.attr('name') - '';
            // 获取banner图的总数
            var banner_Number = $('.banner-body').attr('name') - '';

            // 执行
            function dom(b) {
                // 循环遍历
                for(var a = 0; a < banner.length; a ++){
                    // 遍历到条件
                    if(a == b){
                        // 显示banner
                        $(banner[a]).addClass('banner-on');
                        // 突出data
                        $(banner_data[a]).removeClass('fa-circle-o').addClass('fa-circle');
                        // 显示text
                        $(banner_text[a]).attr('id', 'banner-date-text-on');
                    }else{
                        // 隐藏banner
                        $(banner[a]).removeClass('banner-on');
                        // 返回data
                        $(banner_data[a]).removeClass('fa-circle').addClass('fa-circle-o');
                        // 隐藏text
                        $(banner_text[a]).attr('id', '');
                    };
                };
            };

            // 判断是否执行到底
            if(name == banner_Number){
                dom(0);
            }else{
                dom(name);
            };

        }, 8000);

    })();




    // 中部网页设计师头像动画
    $('.home-body-time').hover( function (){
        $($('.home-body-time').find('img')).addClass('home-body-time-img');
        $($('.home-body-time').find('p')).addClass('home-body-time-img');
    }, function (){
        $($('.home-body-time').find('img')).removeClass('home-body-time-img');
        $($('.home-body-time').find('p')).removeClass('home-body-time-img');
    });

});
